<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>预约到店</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body class="yuyue_body">

<div class="close_login message_header">
    <a href="#">
        <img src="images/返回.png">
    </a>
    <span class="close_top_title">预约到店</span>
    <div class="clearfix"></div>
</div>

<div class="message_content yuyue_content">
    <form>
        <div class="yuyue_car">
            <div class="yuyue_car_left">
                <img src="images/car1.jpg">
            </div>
            <div class="yuyue_car_right">
                <span>2015款1.6L 标致2008 自动玩酷智行版</span>
            </div>
            <div class="mui-clearfix"></div>
        </div>

        <div class="yuyue_table">
            <div class="yuyue_table_option">
                <div class="yuyue_table_option_name"><span>姓名</span></div>
                <div class="yuyue_table_option_value"><input type="text" placeholder="请输入"/></div>
                <div class="yuyue_table_option_sex">
                    <input type="radio" name="sex" value="先生" checked/>先生
                    <input type="radio" name="sex" value="女士" />女士
                </div>
                <div class="mui-clearfix"></div>
            </div>
            <div class="yuyue_table_option">
                <div class="yuyue_table_option_name"><span>手机号</span></div>
                <div class="yuyue_table_option_value">13656994565</div>
                <div class="mui-clearfix"></div>
            </div>
            <div class="yuyue_table_option">
                <div class="yuyue_table_option_name"><span>预约时间</span></div>
                <div class="yuyue_table_option_value"><input type="date" /></div>
                <div class="mui-clearfix"></div>
            </div>
            <div class="yuyue_table_option">
                <div class="yuyue_table_option_name"><span>预约门店</span></div>
                <div class="yuyue_table_option_value"><input type="text" placeholder="请选择"/></div>
                <div class="yuyue_table_option_sex yuyue_table_option_arrow">
                    <a href="#"><i class="fa fa-angle-right"></i></a>
                </div>
                <div class="mui-clearfix"></div>
            </div>
        </div>

        <div class="yuyue_submit">
            <input type="submit" value="确认预约"/>
        </div>

        <div class="yuyue_other_phone">
            <a href="#">使用其他手机号预约</a>
        </div>
    </form>

</div>


</body>
<script src="js/mui.min.js"></script>
<script src="js/jquery.2.1.1min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script type="text/javascript">
//        $(document).ready(function () {
//
//        })
</script>

</html>